


<script setup>
	import { ref } from "vue";
	import global from "/global.js";
	import { updateGroupData } from "/global.js";
	import LiveStreamList from "./live/List.vue";
	import ADSList from "./ads/List.vue";
	import MineCard from "./mine/Mine.vue";
	
	updateGroupData();
	var tabIndex = ref(1);
</script>



<template>
	<view class="container">
		
		<LiveStreamList v-if="tabIndex == 1"
		/>
		
		<ADSList v-if="tabIndex == 2"
		/>
		
		<MineCard v-if="tabIndex == 4"
			v-bind:avatar-content="global.userSelf.avatarContent"
			v-bind:nickname="global.userSelf.nickname"
			v-bind:username="global.userSelf.username"
			v-bind:register-time="global.userSelf.registerTime"
		/>
		
		
		
	</view>
	
	<footer>
		<view class="tabs is-centered is-boxed is-toggle is-fullwidth is-small">
			<ul>
				<li>
					<a class="is-light" @click="tabIndex = 1">直播间管理</a>
				</li>
				<li>
					<a class="is-info" @click="tabIndex = 2">广告设置</a>
				</li>
				<li>
					<a class="is-info" @click="tabIndex = 3">群聊设置</a>
				</li>
				<li>
					<a class="is-info" @click="tabIndex = 4">我的</a>
				</li>
				
			</ul>
		</view>
	</footer>
</template>


<style>
	
	

	footer {
		z-index: 9999;
		width: 100vw;
		position: fixed;
		bottom: 0%;
	}
	
	
	.container {
		display: flex;
		flex-direction: column;
	}
	
	.tabs {
		background-color: whitesmoke;
	}
	
</style>

